<template>
  <div class="bottom">
      <div class="bootmItem">
          <div class="bootImg1"></div>
          <div class="bootImg2"></div>
          <div class="bootImg3"></div>
      </div>
  </div>
</template>

<script>
export default {
  name: 'Bottom',
}
</script>

<style lang="less" scoped>
.bottom{
    margin: 80px 0 80px;
    .bootmItem{
        display: inline-block;
        position: relative;
        z-index: 1;
        width: 970px;
        height: 91px;
        display: flex;
        justify-content: space-around;
        margin: auto;
        .bootImg1{
            background-image: url(//shop.vipstatic.com/v2/dist/front/biz/cart/asset/img/te5/commons/sprites-hash-29a8cdc6.png);
            background-position: -306px 0;
            width: 302px;
            height: 141px;
            margin-right: 20px;
        }
        .bootImg2{
            background-image: url(//shop.vipstatic.com/v2/dist/front/biz/cart/asset/img/te5/commons/sprites-hash-29a8cdc6.png);
            background-position: 0 0;
            width: 302px;
            height: 141px;
            margin-right: 20px;
        }
        .bootImg3{
            background-image: url(//shop.vipstatic.com/v2/dist/front/biz/cart/asset/img/te5/commons/sprites-hash-29a8cdc6.png);
            background-position: 0 -145px;
            width: 302px;
            height: 141px;
        }
    }

}
</style>
